<template>
  <div class="block">
    <img :src="data.productsImg" alt />
  </div>
</template>

<script>
export default {
  props: ["data"],
  name: "TopicSwiper",
  data() {
    return {
      list_img: [
        {
          url: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_ls%2F0%2F14230574982_196130%2F0&refer=http%3A%2F%2Finews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1640784301&t=8679888e92caeef72a9bb31a38550470",
        },
      ],
    };
  },
};
</script>

<style scoped>
.block {
  height: 40vh;
  margin-bottom: 1vh;
}

.block img {
  width: 100%;
  height: 100%;
}
</style>